@()(implicit request: RequestHeader)
@main("SNP Markers") {

	<style>

			.bootstrap-table .table > thead > tr > th {
				vertical-align: middle;
				text-align: center;
			}

			.bootstrap-table .table tbody > tr > td{
				vertical-align: middle;
				text-align: center;
			}

			.th-inner{
				justify-content: center;
			}

	</style>

	<div class="row">
		<div class="form-group col-sm-12">
			<h2 class="page-heading"
			style="text-align: left;
				border-bottom: 5px solid #e9f3f4">SNP Markers</h2>
		</div>
	</div>

	<div class="table-responsive" id="gwas">
		<label>Select the columns to display:</label>
		<div id="checkbox" class="checkbox">

		</div>

		<div id="toolbar">
				&nbsp;Keyword：
		</div>

		<div style="display: none;
			margin-bottom: 10px">Filtering conditions:
			<span id="filterCondition"></span>
		</div>

		<div style="display: none;
			margin-bottom: 10px">Sorting conditions:
			<span id="sortCondition"></span>
		</div>

		<table class="display table table-bordered" id="table" data-pagination="true" data-search="true"
		data-toolbar="#toolbar" data-page-list="[10, 25, 50, 100, all]" data-search-align="left" data-multiple-search="true"
		style="word-wrap: break-word"
		>
			<thead>

			</thead>
		</table>

		<div>
			BLUE, best linear unbiased estimator (fixed effect) of SNP, additive effect of allele on the trait; KR, kernel recovery; KW, kernel weight; MAF, minor allele frequency; NS, not significant; NW, Nut weight; p, significance of association; pMR, significance of association as determined by multiple regression with significant SNPs as fixed effects; TC, trunk circumference; WK, whole kernels; -, indicates marker was not mapped to scaffolds; ∫, indicates marker was mapped to multiple scaffolds.
		</div>

		<div id="allFilterContent"></div>
	</div>

	<script>
			$(function () {

				Gwas.init

			})

	</script>
}
